import React from "react"
import PropTypes from "prop-types"
import EndPop from "../../components/pops/endPop"
import "./themePage.scss"

class ThemePage extends React.Component {
  static contextTypes = {
    router: PropTypes.object.isRequired,
  }
  constructor(props) {
    super(props)
    this.state = {}
  }
  componentWillMount() {}
  componentDidUpdate() {}
  componentDidMount() {
    // this.showPop()
  }
  componentWillUnmount() {}

  render() {
    return (
      <div className="theme-page-container">
        <div className="theme-page-bkg-area">
          <div className="theme-page-bkg-title ">
            <div className="theme-page-text">闵行特色建筑</div>
          </div>
        </div>
        <div className="theme-page-area">
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg1@3x.jpg")}
            alt=""
          />
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg2@3x.jpg")}
            alt=""
          />
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg3@3x.jpg")}
            alt=""
          />
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg4@3x.jpg")}
            alt=""
          />
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg5@3x.jpg")}
            alt=""
          />
          <img
            className="theme-page-img-item"
            src={require("../../static/themePage/img_zhuti_bg6@3x.jpg")}
            alt=""
          />
        </div>
      </div>
    )
  }
}

export default ThemePage
